<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>元素</title>
		<script>
			function changeImg(){
				var p=document.getElementById("p1");
				p.src="../day5/images/2.jpg";
				//var p=document.getElementsByTagName("img")[0];
			}
			//innerHTML
			//innerText
			function changeDiv(){
				var d=document.getElementById("d1");
				alert(d.innerHTML);
				//d.innerHTML="<h1>教育改变生活</h1>";//清除了这个div所有的子元素
				//d.innerText="<h1>教育改变生活</h1>";
				//d.innerHTML+="<h1>教育改变生活</h1>";
				d.innerHTML+="<img src='../day5/images/5.jpg' height='40px' width='100px'/>";
			}
			function getLike(){
				var d=document.getElementsByName("like");
				var ar=[];
				for(var i in d)
				   console.log(i+"="+d[i]);
				for(var i=0;i<d.length;i++){
					ar.push(d[i].value);
				}
				alert(ar.join(","));
			}
		</script>
	</head>
	<body>
		<div id="d1">
			<img id="p1" src="../day5/images/1.jpg"/>
			<p>大美女</p>
		</div>
		<div>
			<p>
				爱好：
				<input type="checkbox" name="like" value="dancing"/>跳舞
				<input type="checkbox" name="like" value="sing"/>唱歌
				<input type="checkbox" name="like" value="game"/>游戏
				<input type="checkbox" name="like" value="rap"/>说唱
				<input type="checkbox" name="like" value="篮球"/>篮球
			</p>
		</div>
		<input type="button" value="换一个图片" onclick="changeImg()">
		<input type="button" value="改变这个div" onclick="changeDiv()">
		
		<input type="button" value="获得爱好值" onclick="getLike()">
	</body>
</html>
